<!DOCTYPE html>
<html>
<head>
    <title>大格洛克纳山山峰前的土拨鼠，奥地利 (© SeppFriedhuber/Getty Images)|2021-02-02|必应壁纸|Bing Wallpaper</title>
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="每日必应超清壁纸（4K）">
    <meta name="keywords" content="bing wallpaper, 必应壁纸, 必应4k壁纸, 必应超清壁纸, 壁纸">
    <link rel="stylesheet" href="/css/w3.css">
    <link rel="icon" href="/img/fav.jpg">
    <style>
        body,
        html {
            height: 100%;
            margin: 0;
        }
        .bgimg {
            background-image: url("https://cn.bing.com/th?id=OHR.RainbowMarmot_ZH-CN4605973404_UHD.jpg&pid=hp&w=1920");
            height: 100%;
            position: relative;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: none; /* 最初隐藏大图 */
        }
        .smallImg {
            filter: blur(15px);
            -webkit-filter: blur(15px);
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-image: url("https://cn.bing.com/th?id=OHR.RainbowMarmot_ZH-CN4605973404_UHD.jpg&pid=hp&w=480"); /* 使用小图 */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            transition: opacity 2s; /* 平滑过渡效果 */
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?b59b4b29843942e412b704c39cc7363a";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();

        function imgloading() {
            var bgImg = document.querySelector('.bgimg');
            var smallImg = document.querySelector('.smallImg');
            // 创建一个新的图片对象以监控加载状态
            var img = new Image();
            img.src = 'https://cn.bing.com/th?id=OHR.RainbowMarmot_ZH-CN4605973404_UHD.jpg&pid=hp&w=1920'; // 从背景图中提取URL
            img.onload = function() {
                // 当大图加载完成时，首先显示大图
                bgImg.style.display = "block";
                // 小图逐渐变透明
                smallImg.style.opacity = 0;
                // 在小图完全透明后，隐藏它
                setTimeout(function() {
                    smallImg.style.display = "none";
                }, 2000); // 与过渡时长匹配
            };
        }
        window.onload = imgloading; // 页面加载时执行
    </script>
</head>
<body>
<div class="smallImg"></div> <!-- 模糊的小图 -->
<div class="bgimg w3-text-white">
    <a href="/">
        <div class="w3-display-topleft w3-padding-large w3-xlarge">
            Bing Wallpaper
        </div>
    </a>
    <div class="w3-display-bottomleft w3-padding-large">
        <h1 class="w3-xlarge">2021-02-02</h1>
        <p class="w3-large" style="margin-top: 0px;">大格洛克纳山山峰前的土拨鼠，奥地利 (© SeppFriedhuber/Getty Images)</p>
    </div>
    <div class="w3-display-topright w3-padding-large">
        <div class="w3-large w3-padding-large">
            <svg t="1723548427433" style="margin-bottom: -3px;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4583" width="20" height="20"><path d="M1024 896v128H0v-320h128v192h768v-192h128v192zM576 554.688L810.688 320 896 405.312l-384 384-384-384L213.312 320 448 554.688V0h128v554.688z" fill="#e6e6e6" p-id="4584"></path></svg>
            <a target="_blank" href="https://cn.bing.com/th?id=OHR.RainbowMarmot_ZH-CN4605973404_UHD.jpg">4K</a>
            <a target="_blank" href="https://cn.bing.com/th?id=OHR.RainbowMarmot_ZH-CN4605973404_UHD.jpg&pid=hp&w=1920">1080P</a>
<!--            <svg style="margin-bottom: -5px;cursor: pointer;" t="1732533547175" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6028" width="24" height="24"><path d="M533.504 268.288q33.792-41.984 71.68-75.776 32.768-27.648 74.24-50.176t86.528-19.456q63.488 5.12 105.984 30.208t67.584 63.488 34.304 87.04 6.144 99.84-17.92 97.792-36.864 87.04-48.64 74.752-53.248 61.952q-40.96 41.984-85.504 78.336t-84.992 62.464-73.728 41.472-51.712 15.36q-20.48 1.024-52.224-14.336t-69.632-41.472-79.872-61.952-82.944-75.776q-26.624-25.6-57.344-59.392t-57.856-74.24-46.592-87.552-21.504-100.352 11.264-99.84 39.936-83.456 65.536-61.952 88.064-35.328q24.576-5.12 49.152-1.536t48.128 12.288 45.056 22.016 40.96 27.648q45.056 33.792 86.016 80.896z" p-id="6029" fill="white"></path></svg>-->
        </div>
    </div>
</div>
</body>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // 获取当前URL
        const currentUrl = new URL(window.location.href);
        // 解析日期部分
        const datePart = currentUrl.pathname.match(/\/(\d{4}\d{2})\/(\d{2})(?:\.html)?$/);
        if (!datePart) {
            console.error("Invalid URL format");
            return;
        }

        var year = parseInt(datePart[1].slice(0, 4), 10);
        var month = parseInt(datePart[1].slice(4, 6), 10);
        var day = parseInt(datePart[2], 10);

        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowLeft') {
                // 向左箭头，跳转到前一天
                day -= 1;
                if (day <= 0) {
                    month -= 1;
                    if (month <= 0) {
                        year -= 1;
                        month = 12;
                    }
                    day = new Date(year, month, 0).getDate();
                }
            } else if (event.key === 'ArrowRight') {
                // 向右箭头，跳转到后一天
                day += 1;
                const lastDayOfMonth = new Date(year, month, 0).getDate();
                if (day > lastDayOfMonth) {
                    month += 1;
                    if (month > 12) {
                        year += 1;
                        month = 1;
                    }
                    day = 1;
                }
            }

            const newDateStr = `${year.toString().padStart(4, '0')}${month.toString().padStart(2, '0')}/${day.toString().padStart(2, '0')}.html`;
            const region = currentUrl.pathname.includes("zh-cn")? "/zh-cn" : "";
            const newUrl = new URL(currentUrl.origin + region+ '/day/' + newDateStr);
            window.location.href = newUrl.toString();
        });
    });
</script>
</html>
